import { createRouter, createWebHashHistory } from "vue-router";
import homeRouter from "../views/home/router.js";
//引入封装的首页的 路由

const routes = [
  {
    path: "/",
    redirect: "/home",
  },
  //路由的重定向 打开就在home页面
  {
    path: "/index",
    name: "index",
    component: () => import("../views/Index.vue"),
    children: [
      {
        path: "/home",
        name: "Home",
        component: () => import("../views/home/Home.vue"),
      },
    ],
  },
  ...homeRouter,
  //展开首页路由
  // 扩展运算符将一个数组转为用逗号分隔的参数序列。
];

// 谁有坑谁才有资格有子路由
// routes 路由规则的最外层 就是app.vue的子路由 就会走app的坑
// 在严选商城项目中 就两个坑 一个在app 一个在index
// 如果一个页面 有底部导航 就走index的坑 就是index的子路由
// 没有底部导航 就走app的坑

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

export default router;
